<template>
  <div class="c-question-container">
    <div class="c-question-title">
      <v-edit-span v-model="element.title" />
    </div>
    <v-edit-span v-model="element.content" />
  </div>
</template>
<script>
export default {
  props: {
    element: {
      type: Object,
      default() {
        return {
          title: '',
          content: [],
          id: -1,
        }
      },
    },
    index: Number,
    total: Number,
  },
  data() {
    return {}
  },
  created() {
    console.log('content', this.element.content)
  },
}
</script>
<style lang="less" scoped>
.c-question-container {
  display: flex;
  flex-direction: column;
  .c-question-title {
    color: #000;
    font-size: 20px;
    text-align: center;
    font-weight: 500;
    margin-bottom: 10px;
  }
}
</style>
